<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<header>
    <div class="headerwrapper">
        <!--左边蓝色图标页面开始-->
        <div class="header-left">
            <a href="index.html" class="logo">
                <img src="images/logo.png" alt="" />
            </a>
            <div class="pull-right">
                <a href="#" class="menu-collapse">
                    <i class="fa fa-bars"></i>
                </a>
            </div>
        </div>
        <!--左边蓝色图标页面结束-->


        <!--导航栏图标和头像显示结束-->
        <div class="header-right">

            <div class="pull-right">

                <!--头像，退出登录-->
                <div class="btn-group btn-group-option">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        <img class="img-circle avatar-img" alt="" src="images/profile1.png">
                        <span class="user-name">${loginUser.username}</span>
                        <i class="fa fa-caret-down"></i>
                    </button>
                    <ul class="dropdown-menu pull-right" role="menu">
                        <li><a href="#updateinfo" data-toggle="modal"><i class="glyphicon glyphicon-user"></i>个人信息</a></li>
                        <li><a href="#updatePass" data-toggle="modal"><i class="glyphicon glyphicon-cog"></i>密码修改</a></li>
                        <li class="divider"></li>
                        <li><a href="loginOut"><i class="glyphicon glyphicon-log-out"></i>注销</a></li>
                    </ul>
                </div>

            </div>

        </div>
        <!--导航栏图标和头像显示结束-->
    </div>
</header>